<template>
  <div id="body-box">
    <div id="body-box-child">
      <slot />
    </div>
  </div>
</template>

<script lang="ts" setup>

</script>

<style>

#body-box{
    /* overflow: auto; */
    /* margin-top:120px; */
    height: calc(100vh);
    display: flex;
    justify-content: center;
    background: linear-gradient(to bottom, #2195d3, #ffffff);
    z-index: 900;
}

#body-box-child{
    overflow: auto;
    margin-top:15vh;
    display: flex;
    justify-content: center;
    width: 100%;
    height: calc(100% - 15vh);
    /* position: relative; */
}
</style>